<template>
  <div style="height:100%;width:100%">

    <!-- <home-bar></home-bar> -->
    <div class="mainContent el-row">
      <!-- <div v-if="$store.state.routes.routes.faTimed">
          <H2>数据预警</H2>
          <el-row style="margin-top: 100px;">
           
          </el-row>
        </div> -->
      <div>
        <H1>欢迎使用后台系统</H1>
      </div>
      <div class="area">

        <!-- {{selected}}
        <area-select :level="2" v-model='selected'></area-select> -->
        <!-- <area-select :level='2' type='text' v-model='selected'></area-select> -->
      </div>
    </div>
    <!-- <snow></snow> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      expireCount: 0,
      feeFailCount: 0,
      settleCount: 0,
      isFaTimed: true,
      isYwKouXi: true,
      isFaSettle: true,
      selected: [],
    };
  },
  created() {
    console.log(this.$store.state.routes)
    // this.$http('sys/financing/count.do').then(resp=>{
    //   if(resp.code==1){
    //     this.expireCount = resp.data.expireCount;
    //     this.feeFailCount = resp.data.feeFailCount;
    //     this.settleCount = resp.data.settleCount;
    //   }
    // })
  },


};
</script>

<style scoped>
.box-card:hover {
  cursor: pointer;
}

.jijiang {
  background-color: rgba(230, 162, 60, .1);
  border-color: rgba(230, 162, 60, .2);
  color: #e6a23c;
}

.shibai {
  background-color: hsla(0, 87%, 69%, .1);
  border-color: hsla(0, 87%, 69%, .2);
  color: #f56c6c;
}

.shenqing {
  background-color: rgba(87, 193, 35, 0.1);
  border-color: rgba(103, 194, 58, .2);
  color: #67c23a;
}

.area-select {
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  padding-left: 10px;
  box-sizing: border-box;
  border: 1px solid #409eff;
}
</style>


